<template>
	<view>
		<view>
			<view class="uni-flex uni-row stu-head-view">
				<view class="uni-flex uni-column">
					<view class="uni-flex uni-row" style="margin-left: 20px; align-items: center;">
						<text class="page-nickname">小凤</text>
						<image class="stu-small-icon" src="../../../static/webchatgray.png"></image>
						<uniTag class="page-tag-status" type="default" size="small" text="在读"></uniTag>
					</view>


					<view class="uni-flex uni-row">
						<view class="uni-flex uni-column" style="margin-left: 20px;">
							<view>
								<text>练习方式</text>
							</view>
							<view>
								<text>学员编号</text>
							</view>
							<view>
								<text>出生日期</text>
							</view>
							<view>
								<text>添加方式</text>
							</view>
							<view>
								<text>学员备注</text>
							</view>
						</view>
						<view class="uni-flex uni-column" style="margin-left: 20px;">
							<view>
								<text>{{detail.tel}}</text>
							</view>
							<view>
								<text>{{detail.stuno}}</text>
							</view>
							<view>
								<text>{{detail.birthday}}</text>
							</view>
							<view>
								<text>{{detail.opername}}添加</text>
							</view>
							<view>
								<text>{{detail.comments}}</text>
							</view>
						</view>
					</view>
				</view>
				<image class="stu-head" src="../../../static/head.png"></image>
			</view>
			<view class="xb-page-section-title">所在班级</view>
			<view class="page-stu-cls-cell">
				<uniTag type="default" size="small" v-for="(item,index) in clsList" :key="index" :text="item.name"></uniTag>
			</view>
			<view>
				<view class="uni-list-cell" hover-class="uni-list-cell-hover">
					<view class="uni-list-cell-navigate uni-navigate-right">
						购买记录
					</view>
				</view>
				<view class="uni-list-cell" hover-class="uni-list-cell-hover">
					<view class="uni-list-cell-navigate uni-navigate-right">
						补课
					</view>
				</view>
				<view class="uni-list-cell" hover-class="uni-list-cell-hover">
					<view class="uni-list-cell-navigate uni-navigate-right">
						一对一
					</view>
				</view>
				<view class="uni-list-cell" hover-class="uni-list-cell-hover">
					<view class="uni-list-cell-navigate uni-navigate-right">
						加入班级
					</view>
				</view>
				<view class="uni-list-cell" hover-class="uni-list-cell-hover">
					<view class="uni-list-cell-navigate uni-navigate-right">
						课评记录
					</view>
				</view>
				<view class="uni-list-cell" hover-class="uni-list-cell-hover">
					<view class="uni-list-cell-navigate uni-navigate-right">
						排课记录
					</view>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	import pageHead from '../../../components/page-head.vue'
	import uniTag from '../../../components/uni-tag.vue'
	export default {
		components: {
			pageHead,
			uniTag,
		},
		data() {
			return {
				sid: null,
				detail:{
					name:'小凤',
					stuno:'555',
					tel:'5555555',
					birthday:'1985-01-01',
					opername:'绿风',
					comments:'VB帮',
				},
				clsList: [{
					'name': 'class1'
				}, {
					'name': 'class2'
				}, {
					'name': 'class3'
				}]
			}
		},
		onLoad: function(option) {
			this.sid = option.id;

		},
		methods: {
			async initData() {
				const res = await studetail();
				if (res.success == true) {

				} else {

				}
			}

		}
	}
</script>

<style scoped >
	@import "../../../common/uni.css";
	@import "../../../common/xb.css";

	.stu-small-icon {
		margin-left: 10px;
		width: 35px;
		height: 35px;
	}

	.page-nickname {}

	.stu-head {
		width: 100px;
		height: 100px;
	}

	.stu-head-view {
		margin-right: 20px;
		justify-content: space-between;
		align-items: center;
	}

	.page-tag-status {
		margin-left: 10px;
	}
</style>
